<template> 
 <div class="home-swiper"> 
 <van-swipe :autoplay="3000" lazy-render indicator-color="#FF8000"> 
 <van-swipe-item v-for="item in banner" :key="item"> 
 <img :src="item"> 
 </van-swipe-item> 
 </van-swipe> 
 </div> 
</template> 
<script setup> 
const banner = [ 
 './src/assets/images/1111.jpg', 
 './src/assets/images/222.jpg', 
] 
</script> 
<style lang="less" scoped> 
.home-swiper { 
 width: 80%; 
 height: 80%;
 img { 
 width: 80%; 
 height: 80%;
 } 
} 
</style> 